參考: http://www.w3schools.com/tags/ref_av_dom.asp
HTML5 DOM 為 和 提供了Methods(方法)、Properties(屬性)、和Events(事件)。
今天來筆記事件吧!!!
分兩篇來說明:
abort 當media載入時,被異常中止觸發。
canplay 當瀏覽器可以開始播放media時觸發。
canplaythrough 當瀏覽器可以開始播放到結束,都不會因緩衝而停止觸發。
durationchange 當media總長度改變時觸發。
emptied 當播放列表為空時觸發。
ended 當media播放完停止時觸發。
error 當media載入時發生錯誤時觸發。
loadeddata 當media載入數據時觸發。
loadedmetadata 當收到meta data資訊時觸發。
loadstart 當開始查找media數據時觸發。
★abort 當media載入時,被異常中止觸發。
★canplay 當瀏覽器可以開始播放media時觸發。
testVid1=document.getElementById("video1");
testVid1.oncanplay=alert("Can start playing video");
★canplaythrough 當瀏覽器可以開始播放到結束,都不會因緩衝而停止觸發。
testVid1=document.getElementById("video1");
testVid1.oncanplaythrough=alert("Can play through video without stopping");
★durationchange 當media總長度改變時觸發。
testVid1=document.getElementById("video1");
testVid1.ondurationchange=alert("The video duration has changed");
★emptied 當播放列表為空時觸發。
★ended 當media播放完停止時觸發。
★error 當media載入時發生錯誤時觸發。
★loadeddata 當media載入數據時觸發。
testVid1=document.getElementById("video1");
testVid1.onloadeddata=alert("Browser has loaded the current frame");
★loadedmetadata 當收到metadata資訊時觸發。
*metadata是什麼?
元數據(Metadata),又稱元資料、中介資料,為描述數據的數據(data about data),主要是描述數據屬性(property)的資訊 from wiki
這裡指的是播放總時間長度,解析度,字幕等資料。
testVid1=document.getElementById("video1");
testVid1.onloadedmetadata=alert("Meta data for video loaded");
★loadstart 當開始查找media數據時觸發。
testVid1=document.getElementById("video1");
testVid1.onloadstart=alert("Starting to load video");
今日筆記心得:
參加鐵人賽,整個就是很衝動。
其實來不及消化,都還在學習中。
我分享筆記的內容很容易鬆散沒有重點,缺乏組織;
似乎極少參考價值><
如果要說明我和程式語言的關係
大概可以簡單擬定一個故事來理解
原本我是設計餐廳dm的視覺設計師, 突然有一天要我當廚師。
雖然很錯愕~但是我很愛吃,所以也沒拒絕…
但我連食材 菜名 做法都不懂…
所以就開始了血與淚的旅程…
學習過程跌跌撞撞,從零開始的過程; 只是想替自己做點記錄啦~(好不負責><)
糟了~快變成人生誌了
我只是看到很多厲害的邦友寫的文章都覺得超佩服!!!!
忍不住嘮叨了起來
和大家多多學習!!!請見諒~
祝假日愉快!!!(美好的假日對鐵人賽來說,似乎真是個美麗又危險的陷阱啊)